import { ref } from 'vue'

/**
 * 管理z-index的组合式函数
 * 用于确保模态框等组件正确的层级显示
 */
export function useZIndex() {
  // 基础z-index值，可根据项目需求调整
  const baseZIndex = 1000
  // 当前z-index值
  const currentZIndex = ref(baseZIndex)

  /**
   * 增加z-index值
   * @returns {number} 增加后的z-index值
   */
  const incrementZIndex = () => {
    currentZIndex.value++
    return currentZIndex.value
  }

  /**
   * 重置z-index值为基础值
   */
  const resetZIndex = () => {
    currentZIndex.value = baseZIndex
  }

  return {
    currentZIndex,
    incrementZIndex,
    resetZIndex
  }
}